<div class="search" (click)="onClickThis($event)">
  <form class="searchbox" [formGroup]="search" (ngSubmit)="onSubmit($event)">
    <input class="searchipt" type="text" placeholder="搜索位置" formControlName="keywords" (click)="onClickIpt()">
    <button class="searchbtn" type="submit"><i class="anticon anticon-search"></i></button>
  </form>
  <nz-spin [nzSpinning]="loading">
    <div class="autocomplete" #poisList>
      <ul class="autocomplete-container" id="list">
        <li class="autocomplete-item" *ngFor="let poi of (pois$ | async)" (click)="onClickPoi(poi)">
          <span class="icon"><i class="anticon anticon-environment-o"></i></span>
          <span class="content">{{poi.address}}<small>{{poi.district}}</small></span>
        </li>
      </ul>
    </div>
  </nz-spin>
</div>